<template>
    <ul>
        <!-- <li>编号: {{query.id}}</li>
        <li>标题: {{query.title}}</li>
        <li>内容: {{query.content}}</li> -->

        <!-- <li>编号: {{params.id}}</li>
        <li>标题: {{params.title}}</li>
        <li>内容: {{params.content}}</li> -->

        <li>编号: {{id}}</li>
        <li>标题: {{title}}</li>
        <li>内容: {{content}}</li>
    </ul>
</template>

<script setup lang="ts" name="Detail">
// import {useRoute} from 'vue-router'
// import {toRefs} from 'vue'
// let route = useRoute()
// let {query} = toRefs(route)

// import {useRoute} from 'vue-router'
// import {toRefs} from 'vue'
// let route = useRoute()
// let {params} = toRefs(route)

defineProps(['id', 'title', 'content'])
</script>
<style scoped>

</style>